<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <?php $this->load->view('head'); ?>
        <link type="text/css" href="<?php echo base_url()."css/redmond/jquery-ui-1.8.14.custom.css";?>" rel="stylesheet" />
        <script src="<?php echo base_url()."js/jquery-ui-1.8.14.custom.min.js";?>" type="text/javascript"></script>
        <script src="<?php echo base_url()."js/jquery.ui.datepicker-es.js" ?>" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url()."css/ui.jqgrid.css" ?>" />
        <script src="<?php echo base_url()."js/i18n/grid.locale-es.js" ?>" type="text/javascript"></script>
        <script src="<?php echo base_url()."js/jquery.jqGrid.min.js" ?>"  type="text/javascript"></script>
        <title></title>
        <script type="text/javascript">
            $(document).ready(function(){
                jQuery("#list").jqGrid({
                    url: '<?php echo site_url("grilla/reporteOfertaLabxInst/"); ?>',
                    datatype: 'json',
                    mtype: 'POST',
                    colNames:['FecOferta','Cargo','Perfil','FecPostulación','FecPreSel','FecContrato','FecCierreCont','CausaCierreCont'],
                    colModel :[
                        {name:'ofer.ofertaLaboralFechaCreo',index:'ofertaLaboralEstado', width:130,editable:false},
                        {name:'ofer.ofertaLaboralCargo',index:'ofer.ofertaLaboralCargo', width:130,editable:false},
                        {name:'ofer.ofertaLaboralPerfil',index:'ofer.ofertaLaboralPerfil', width:130,editable:false},
                        {name:'ofer.ofertaLaboralFechaCreo',index:'postu.postulacionFecha', width:130,editable:false},
                        {name:'ofer.ofertaLaboralFechaCreo',index:'postu.postulacionFechaPreseleccion', width:130,editable:false},
                        {name:'contra.contratoFecha',index:'contra.contratoFecha', width:130,editable:false},
                        {name:'contra.contratoFechaCIerre',index:'contra.contratoFechaCIerre', width:130,editable:false},
                        {name:'contra.contratoCausaCierre',index:'contra.contratoCausaCierre', width:180,editable:true}
                    ],
                    //autowidth: true,
                    pager: jQuery('#pager'),
                    rowNum:50,
                    rowList:[10,20,30,50],
                    sortname: 'contra.contratoFecha',
                    sortorder: "desc",
                    viewrecords: true,
                    subGrid : true,
                    subGridUrl: '<?php echo site_url("subgrilla/reporteOfertaLabxInst/"); ?>',
                    subGridModel: [{ name : ['TipDoc','Documento','Nombres','Apellidos'], width : [60,100,300,300]} ] ,
                    caption: 'OFERTAS LABORALES POTULADAS POR <?php echo strtoupper($nombre); ?>',
                    height:260
                });
                //Barra de navegación
                jQuery("#list").navGrid('#pager',{edit:false,add:false,del:false,search:false,view:true});
        });
        </script>
    </head>
    <body>
        <div style="text-align: center">OFERTAS LABORALES CONTRADAS CON  <span style="font-family: cursive;font-weight: bolder"> <?php echo $nombre." Nit. ".$nit;?> </span></div>
        <div id="pager" class="scroll" style="text-align:center;"></div>
        <table id="list" class="scroll" style="font-size: 14px"></table>
        <div style="text-align: center"><input type="button" value="CERRA VENTANA" onclick="window.close();" /> </div>
    </body>
</html>
